<template>
  <h1>我是大标题: <span>{{info}}</span></h1>
  {{info}}
  <p>{{info}}</p>
  <button @click="f">点我</button>
  <p v-text="aaa"></p>
  <p v-html="aaa"></p>
</template>

<script setup>
import {ref} from "vue";

const info = ref('我是info666');
const f = () => {
  console.log('点击了按钮');
  console.log(info.value);
  info.value = '我是info777';
}
const aaa=ref('我是<mark>aaa</mark>')
</script>


<style scoped>

</style>